<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="icon"
        href="https://upfile-drcn.platform.hicloud.com/FileServer/image/b.0080086000142631388.20200627161933.RWNMcE6deEt4KN0lf3ptuKOhWAWaSNFf.1000.CBE7DC96C3EDA454B18B11880B3244BF2E96701F562DD27D137F5C45C59F1144.jpg"
        type="image/x-icon">
    <script src="../../Public/JQuery 3.5.1/jquery-3.5.1.min.js"></script>
    <script src="../../Public/Vue/vue.js"></script>
    <link rel="stylesheet" href="../../Static/All In/css/little game.css" />
    <title>Little Games</title>
</head>

<body>
    <div id="menu" class="bord">
        <div>猜数字</div>
        <button id="Begin" onclick="Begin()">开始</button>
    </div>

    <div id="body">
        <div id="loadBack">
            <div id="loading">
                <span id="a" class="a">/</span>
                <span id="b" class="a">-</span>
                <span id="c" class="a">\</span>
                <span id="d" class="a">|</span>
                <span id="e" class="a">/</span>
                <span id="f" class="a">-</span>
                <span id="x">加载中</span>
                <span id="1" class="c">.</span>
                <span id="2" class="c">..</span>
                <span id="3" class="c">...</span>
                <span id="4" class="c">....</span>
            </div>
        </div>

        <div class="bord" style="height:210px;">
            <!-- <input id="setting" type="number" value="10" onblur="setChange()"> -->

            <button id="settingBut" onclick="Setting()">设置</button>
            <button id="BcakToMenu" onclick="BcakToMenu()">返回</button>
            <!-- <button id="settingBut" onclick="Setting()">设置</button> -->
            <h2 id="heading">我在想一个数字...</h2>
            <table>
                <tr>
                    <td id="low"></td>
                    <td id="mid">
                        <span id="lowNum">Low</span>
                    </td>
                    <td id="high">
                        <span id="highNum">High</span>
                    </td>
                </tr>
            </table>
            <label id="prompt">随机生成中...</label>
            <input id="input" type="text">
            <br><br>
            <div class="Times">
                <span class="TimeText">剩余的机会：</span>
                <div id="NT">
                    <div id="OU">
                        <span id="TimeNum"></span>
                    </div>
                </div>
            </div>
            <br>
            <button id="Updata" onclick="UpdataPage()">更新日志</button>
        </div>
    </div>

    <div id="Version">
        <button id="GuessNum" onclick="BackUp()">返回</button>
        <h1>更新日志</h1>
        <div class="bord">
            <code>当前代码状态：831行
                <cc></cc>
            </code><br>
            <code>第15次更新</code><br>
            <code>
                <cc>ps:本来是想做成英文页面的，想了想怕大家看不懂，就还是做了中文的。现在页面上只保留了“GAME”和“OVER”这两个单词。哈哈哈哈哈哈 淦</cc><br />
                <cc>如果是用手机查看的，建议用FireFox浏览器</cc>
            </code>
        </div>
        <br>
        <div class="bord">
            <h2>Ver 2.0</h2>
            <hr>
            <ul>
                <li>优化了移动端点击按钮的延时问题</li>
                <li>为网页添加了图标</li>
                <li>重新封装函数，简化代码 提升阅读性</li>
                <li>优化了剩余机会触发事件的判定机制</li>
                <li>修复了“当使用最后一次机会猜对后，依然提示为GAME OVER”的问题</li>
                <li>优化了算法的计算性能，提升了初始化以及重载的速度</li>
                <li>修复了猜测范围可视化无入场动画的问题</li>
                <li>新增：控制台console中的字符图形</li>
                <li>修复了将机会设置为小于或等于零后，重新开始机会次数无法复位的问题</li>
                <li>修复了当机会小于零时，可视化机会图形颜色显示错误的问题</li>
            </ul>
        </div>
        <br>
        <div class="bord">
            <h2>Ver 1.9</h2>
            <hr>
            <ul>
                <li>在用户键入后清空输入框</li>
                <li>修改了设置键入值的判定bug</li>
                <li>将默认机会次数设置为8次</li>
                <li>修复了猜对时重新开始的判定BUG</li>
                <li>新增了页面加载模组的过度动画，提升用户体验</li>
                <li>加入了隐藏彩蛋（ps:但我感觉没人能触发，然而如果你触发到了，记得把方法告诉我哦）</li>
                <li>添加了更新日志查看入口</li>
                <li>全局优化</li>
                <li>新增了进入和退出更新日志时的过渡动画</li>
                <li>新增 进入和退出更新日志后 页面标题作相应更改</li>
            </ul>
        </div>
        <br>
        <div class="bord">
            <h2>Ver 1.8</h2>
            <hr>
            <ul>
                <li>修复了页面加载模组隐藏后依然会挡住页面，导致用户无法操作的问题</li>
                <li>封装通用函数，提升计算性能</li>
                <li>代码文本格式化，提升维护与可读性</li>
                <li>页面加载模组 机制优化</li>
                <li>修复了页面加载模组重复调用导致页面卡死的问题</li>
                <li>重写了启动器与引擎，优化性能</li>
            </ul>
        </div>
        <br>
        <div class="bord">
            <h2>Ver 1.7</h2>
            <hr>
            <ul>
                <li>新增/设置/优化 页面加载动画模组</li>
                <li>修复 定时器计算问题</li>
            </ul>
        </div>
        <br>
        <div class="bord">
            <h2>Ver 1.6</h2>
            <hr>
            <ul>
                <li>新增 设置框键入值判定机制</li>
                <li>修复 设置框判定BUG</li>
                <li>新增 设置按钮自动隐藏与显示</li>
                <li>重新规定：设置按钮只会在猜数字开始前显示</li>
                <li>全局性能优化</li>
            </ul>
        </div>
        <br>
        <div class="bord">
            <h2>Ver 1.5</h2>
            <hr>
            <ul>
                <li>设置按钮功能更新</li>
                <li>设置按钮事件响应BUG已修复</li>
                <li>设置按钮功能重新初始化</li>
            </ul>
        </div>
        <br>
        <div class="bord">
            <h2>Ver 1.4</h2>
            <hr>
            <ul>
                <li>规定 设置按钮每局只能设置一次</li>
                <li>重新开始按钮已被开发者移除</li>
                <li>设置按钮功能重新初始化</li>
            </ul>
        </div>
        <br>
        <div class="bord">
            <h2>Ver 1.3</h2>
            <hr>
            <ul>
                <li>设置输入框已被开发者移除</li>
                <li>设置输入框已被修改为设置按钮</li>
                <li>修复大量BUG，优化计算性能</li>
            </ul>
        </div>
        <br>
        <div class="bord">
            <h2>Ver 1.2</h2>
            <hr>
            <ul>
                <li>猜测机会响应式图形 样式优化(色彩)</li>
                <li>新增 响应式图形动画过渡效果</li>
                <li>新增 设置输入框</li>
                <li>新增 重新开始按钮</li>
            </ul>
        </div>
        <br>
        <div class="bord">
            <h2>Ver 1.1</h2>
            <hr>
            <ul>
                <li>新增 剩余机会判定机制</li>
                <li>新增 猜测机会响应式图形</li>
                <li>优化 全局变量</li>
                <li>修复大量BUG</li>
            </ul>
        </div>
        <br>
        <div class="bord">
            <h2>Ver 1.0</h2>
            <hr>
            <ul>
                <li>新增 猜测机会数字可视化</li>
                <li>优化 用户键入值获取机制</li>
                <li>新增 剩余机会计算机制</li>
                <li>将猜测次数限制为10次</li>
            </ul>
        </div>
        <br>
        <div class="bord">
            <h2>Ver 0.9</h2>
            <hr>
            <ul>
                <li>加入 页面缓存历史，避免两次随机数结果一致</li>
                <li>新增 猜测次数限制</li>
                <li>优化 初始化引擎</li>
                <li>优化 判定机制</li>
            </ul>
        </div>
        <br>
        <div class="bord">
            <h2>Ver 0.8</h2>
            <hr>
            <ul>
                <li>加入了 提示可视化图形，降低难度</li>
                <li>增加功能：页面标题随页面状态改变</li>
                <li>算法性能优化</li>
            </ul>
        </div>
        <br>
        <div class="bord">
            <h2>Beta 0.7</h2>
            <hr>
            <ul>
                <li>加入了 响应式提示文本</li>
                <li>在结束时显示重新开始按钮，不用再刷新页面了</li>
                <li>修复了 大量BUG，提升了效能</li>
            </ul>
        </div>
        <br>
        <div class="bord">
            <h2>Beta 0.6</h2>
            <hr>
            <ul>
                <li>guess the number.html 被创建了</li>
                <li>加入了 数字随机生成</li>
                <li>定义了 页面渲染完毕后，执行random()函数</li>
                <li>设置了 获取用户输入值，并进行判定</li>
            </ul>
        </div>
        <br>
    </div>
</body>

<script src="../../Static/All In/js/Guess_Num-jq.js"></script>
<script type="text/javascript">
    console.log(`
                     _ooOoo_
                    o8888888o
                    88" . "88
                    (| -_- |)
                     O\\ = /O
                 ____/'---'\\____
               .   ' \\ | | / '   .
                / \\ ||| : ||| / \\
              / _||||| -:- |||||_ \\
                  | | \\ - / | |
              | \\_| ''\\---/'' |_/ |
              \\ .-\\___ '-' ___/-. /
            ___'. .' /--.--\\ '. .'___
         ."" '< '.___\\_<|>_/___.' >' "".
        | | : '- \\'.;'\\ _ /';.'/ -' : | |
          \\ \\ '-. \\_ __\\ /__ _/ .-' / /
  ======'-.____'-.___\\_____/___.-'____.-'======
                     '=---='
 
  .............................................
           佛祖保佑            永无BUG
    `)
</script>

</html>